<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <title>我的</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/wode.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 720) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
        // 1rem = 34.7222px
    </script>
</head>

<body>
    <header>
        <div class="header1">
            <img src="./img/default.png" alt="">
        </div>
        <div class="header2">
            <p>2603440998</p>
            <span>2603440998</span>
        </div>
    </header>
    <nav>
        <div>
            <span>我的订单</span>
            <span><a href="">全部订单 ></a></span>
        </div>
        <aside>
            <div>
                <img src="./img/下载 (7).png" alt="">
                <span><a href="">待付款</a></span>
            </div>
            <div>
                <img src="./img/下载 (8).png" alt="">
                <span><a href="">待收货</a></span>
            </div>
            <div>
                <img src="./img/nav-4.d68723895f.png" alt="">
                <span><a href="">退换修</a></span>
            </div>
        </aside>
    </nav>
    <article>
        <section>
        <div>
            <aside class="aside1">
                <img src="./img/wode3.png" alt="">
            </aside>
            <aside class="aside2">
                <a href="">会员中心</a>
            </aside>
        </div>
        <div>
            <aside class="aside1">
                <img src="img/wode4.png" alt="">
            </aside> 
            <aside class="aside2">
                <a href="">我的优惠</a>
            </aside>
        </div>
    </section>
    <section>
        <div>
            <aside class="aside1">
                <img src="./img/wode5.png" alt="">
            </aside>
            <aside class="aside2">
                <a href="">服务中心</a>
            </aside>
        </div>
        <div>
            <aside class="aside1">
                <img src="img/wode6.png" alt="">
            </aside> 
            <aside class="aside2">
                <a href="">小米之家</a>
            </aside>
        </div>
    </section>
    <section>
        <div>
            <aside class="aside1">
                <img src="./img/wode7.png" alt="">
            </aside>
            <aside class="aside2">
                <a href="">我的F码</a>
            </aside>
        </div>
        <div>
            <aside class="aside1">
                <img src="img/wode8.png" alt="">
            </aside> 
            <aside class="aside2">
                <a href="">礼物码兑换</a>
            </aside>
        </div>
    </section>
    <section>
        <div>
            <aside class="aside1">
                <img src="./img/wode8.png" alt="">
            </aside>
            <aside class="aside2">
                <a href="">设置</a>
            </aside>
        </div>
    </section>
    </article>
    <footer>
        <ul>
            <li>
                <img src="./img/icon-home.c1947eda40.png" alt="">
                <a href="./index.html">首页</a>
            </li>
            <li>
                <img src="./img/icon-category.be93273636.png" alt="">
                <a href="./分类.html">分类</a>
            </li>
            <li>
                <img src="./img/icon-star.d051789804.png" alt="">
                <a href="./miquan.html">米圈</a>
            </li>
            
            <li>
                <img src="./img/icon-cart.585c3aa4d3.png" alt="">
                <a href="./gouwuche.html">购物车</a>
            </li>
            <li>
                <img src="./img/icon-user-selected.fceea5d907.png" alt="">
                <a href="./wode.html">我的</a>
            </li>
        </ul>
    </footer>
</body>
</html>